// 约束

// 字体
$defaultTextColor: #F2F6FC;
$subTextColor: #666666;
// 深色字体
$lightDefaultTextColor: #333333;
$lightSubTextColor: #999999;
// 边框
$defaultBorderColor: #cccccc;
$subBorderColor: #172147;
// tab背景颜色
$ligthTabBgColor: #f2f2f2;
$activeBgColor: #f2f6fc;
// 表格表头颜色
$lightTableHeaderBgColor: rgba(229, 235, 246, 0.5);
$tableHeaderBgColor: #e5ebf6; 


// sidebar
$menuText:#bfcbd9;
$menuActiveText:#409EFF;
$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951

$menuBg:transparent;
$menuHover: rgba(32, 150, 255, 0.8);

$subMenuBg:#1f2d3d;
$subMenuHover:#001528;

$sideBarWidth: 230px;

// 需要和element-variable 中一致
$colorDanger: #F56C6C;
$colorPrimary: #409EFF;
$colorSuccess: #1DDBB1;
$colorWarning: #E6A23C;
$colorDisabled: #909399;
$colorInfo: #F2F6FC;

// 
$bgColor : #070c1f;
$lightBgColor : #0a1631;
$borderColor: #172147;
$lightBorderColor: #dcdcdc;
$lightFormColor: #E4E7ED;
$themeFontColor : #fff;



// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  defaultTextColor: $defaultTextColor;
  subTextColor: $subTextColor;
  defaultBorderColor :$defaultBorderColor;
  subBorderColor: $subBorderColor;
  lightDefaultTextColor: $lightDefaultTextColor;
  lightSubTextColor: $lightSubTextColor;
  bgColor: $bgColor;

  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  colorDanger: $colorDanger;
  colorPrimary: $colorPrimary;
  colorSuccess: $colorSuccess;
  colorWarning: $colorWarning;
  colorDisabled: $colorDisabled;
  colorInfo: $colorInfo
}
